{% extends "base.html" %}

{% block content %}
<!-- 设备详情分析 -->
<div class="section">
    <div class="section-title">🔧 设备详情分析</div>
    <div class="section-content">
        {% if data.device_stats %}
        <table class="data-table">
            <thead>
                <tr>
                    <th>设备编号</th>
                    <th>设备类型</th>
                    <th>总工作时间</th>
                    <th>平均工作时间</th>
                    <th>工作天数</th>
                    <th>有效出勤天数</th>
                    <th>利用率</th>
                </tr>
            </thead>
            <tbody>
                {% for device in data.device_stats %}
                <tr>
                    <td>{{ device.imei[-6:] }}</td>
                    <td>{{ device.type }}</td>
                    <td class="highlight-number">{{ device.总工作时间 | format_duration }}</td>
                    <td>{{ device.平均工作时间 | format_duration }}</td>
                    <td>{{ device.工作天数 | format_number }}</td>
                    <td>{{ device.有效出勤天数 | format_number }}</td>
                    <td class="{{ 'highlight-good' if (device.工作天数 / device.有效出勤天数) > 0.8 else 'highlight-bad' }}">
                        {{ ((device.工作天数 / device.有效出勤天数) * 100) | round(1) if device.有效出勤天数 > 0 else 0 }}%
                    </td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
        {% else %}
        <div class="no-data">暂无设备数据</div>
        {% endif %}
    </div>
</div>

<!-- 设备工作时间排名 -->
<div class="section">
    <div class="section-title">🏆 设备表现排名</div>
    <div class="section-content">
        {% if data.rankings.top_devices %}
        <div style="margin-bottom: 20px;">
            <h4 style="color: #28a745; margin-bottom: 10px;">⬆️ 工作时间排名前三</h4>
            <table class="data-table">
                <thead>
                    <tr>
                        <th>排名</th>
                        <th>设备编号</th>
                        <th>设备类型</th>
                        <th>总工作时间</th>
                    </tr>
                </thead>
                <tbody>
                    {% for device in data.rankings.top_devices %}
                    <tr>
                        <td>{{ loop.index }}</td>
                        <td>{{ device.imei[-6:] if device.imei else '未知' }}</td>
                        <td>{{ device.type }}</td>
                        <td class="highlight-good">{{ device.总工作时间 | format_duration }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}

        {% if data.rankings.bottom_devices %}
        <div>
            <h4 style="color: #dc3545; margin-bottom: 10px;">⬇️ 工作时间排名后三</h4>
            <table class="data-table">
                <thead>
                    <tr>
                        <th>排名</th>
                        <th>设备编号</th>
                        <th>设备类型</th>
                        <th>总工作时间</th>
                    </tr>
                </thead>
                <tbody>
                    {% for device in data.rankings.bottom_devices %}
                    <tr>
                        <td>倒数第{{ loop.index }}</td>
                        <td>{{ device.imei[-6:] if device.imei else '未知' }}</td>
                        <td>{{ device.type }}</td>
                        <td class="highlight-bad">{{ device.总工作时间 | format_duration }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}
    </div>
</div>

<!-- 异常设备分析 -->
<div class="section">
    <div class="section-title">⚠️ 异常设备分析</div>
    <div class="section-content">
        {% if data.anomaly_devices.idle_count > 0 %}
        <div class="warning">
            <h4>完全缺勤设备 ({{ data.anomaly_devices.idle_count }}台)</h4>
            <p>以下设备在统计期间内完全没有工作记录，需要检查设备状态或使用情况：</p>
            <ul class="report-list">
                {% for device_id in data.anomaly_devices.idle_devices %}
                <li>设备编号: {{ device_id[-6:] }}</li>
                {% endfor %}
            </ul>
        </div>
        {% endif %}

        {% if data.anomaly_devices.low_efficiency_devices %}
        <div class="error">
            <h4>低效设备 ({{ data.anomaly_devices.low_efficiency_devices | length }}台)</h4>
            <p>以下设备工作时间明显低于平均水平，建议进行维护检查：</p>
            <table class="data-table">
                <thead>
                    <tr>
                        <th>设备编号</th>
                        <th>设备类型</th>
                        <th>总工作时间</th>
                    </tr>
                </thead>
                <tbody>
                    {% for device in data.anomaly_devices.low_efficiency_devices %}
                    <tr>
                        <td>{{ device.imei[-6:] if device.imei else '未知' }}</td>
                        <td>{{ device.type }}</td>
                        <td class="highlight-bad">{{ device.总工作时间 | format_duration }}</td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        {% endif %}

        {% if data.anomaly_devices.idle_count == 0 and not data.anomaly_devices.low_efficiency_devices %}
        <div class="success">
            <h4>✅ 设备状态良好</h4>
            <p>所有设备都有正常的工作记录，没有发现明显的异常情况。</p>
        </div>
        {% endif %}
    </div>
</div>

<!-- AI分析内容 -->
<div class="section">
    <div class="section-title">🤖 智能分析结论</div>
    <div class="section-content">
        {% if data.content_sections %}
            {% for section_title, content in data.content_sections.items() %}
            <div style="margin-bottom: 20px;">
                <h4 style="color: #1f4e79; margin-bottom: 12px; border-bottom: 1px solid #e0e0e0; padding-bottom: 8px;">{{ section_title }}</h4>
                <div style="text-align: justify; line-height: 1.8; margin-top: 12px;">
                    {{ content | safe }}
                </div>
            </div>
            {% endfor %}
        {% else %}
        <div class="no-data">AI分析内容生成中...</div>
        {% endif %}
    </div>
</div>

<!-- 管理建议 -->
<div class="section">
    <div class="section-title">💡 管理建议</div>
    <div class="section-content">
        <div class="success">
            <h4>优化建议</h4>
            <ul class="report-list">
                {% if data.attendance_stats.overall_rate < 0.8 %}
                <li><strong>提升出勤率：</strong>当前整体出勤率为 {{ data.attendance_stats.overall_rate | format_percentage }}，建议检查设备使用流程和人员管理。</li>
                {% endif %}
                
                {% if data.anomaly_devices.idle_count > 0 %}
                <li><strong>激活闲置设备：</strong>有 {{ data.anomaly_devices.idle_count }} 台设备完全未使用，建议重新分配或检修。</li>
                {% endif %}
                
                {% if data.anomaly_devices.low_efficiency_devices %}
                <li><strong>维护低效设备：</strong>有 {{ data.anomaly_devices.low_efficiency_devices | length }} 台设备效率偏低，建议进行专业维护。</li>
                {% endif %}
                
                <li><strong>持续监控：</strong>建立日常设备使用监控机制，及时发现和解决问题。</li>
                <li><strong>培训强化：</strong>加强操作人员培训，提高设备使用效率和规范性。</li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}